<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width"/>
    <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon"/>

    <title>系统登录页面</title>
    <!--@*1、Jquery组件引用*@-->
    <script src="plug-in/jquery/jquery-1.11.2.min.js"></script>
    <!--@*2、bootstrap组件引用*@-->
    <link href="plug-in/bootstrap/css/bootstrap.css" rel="stylesheet"/>
    <script src="plug-in/bootstrap/js/bootstrap.js"></script>
    <!--@*3、bootstrap table组件以及中文包的引用*@-->
    <link href="plug-in/bootstrap-table/bootstrap-table.css" rel="stylesheet"/>
    <script type="text/javascript" src="plug-in/bootstrap-table/bootstrap-table.js"></script>
    <script type="text/javascript" src="plug-in/bootstrap-table/locale/bootstrap-table-zh-CN.js"></script>
    <!--@*4、bootstrap validator组件以及中文包的引用*@-->
    <link href="plug-in/bootstrap-validator/css/bootstrapValidator.min.css" rel="stylesheet"/>
    <script type="text/javascript" src="plug-in/bootstrap-validator/js/bootstrapValidator.min.js"></script>
    <!-- Metis Menu Plugin JavaScript -->
    <script src="plug-in/metisMenu/metisMenu.min.js"></script>
    <!-- Custom Theme JavaScript -->
    <script src="plug-in/sb-admin/js/sb-admin-2.js"></script>
    <!-- MetisMenu CSS -->
    <link href="plug-in/metisMenu/metisMenu.min.css" rel="stylesheet">
    <!-- Custom CSS -->
    <link href="plug-in/sb-admin/sb-css/sb-admin-2.css" rel="stylesheet">
    <!-- Custom Fonts -->
    <link href="plug-in/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="plug-in/html5shiv-3.7.0/html5shiv.js"></script>
    <script src="plug-in/respond-1.4.2/respond.min.js"></script>
    <![endif]-->

    <!--页面Js文件的引用-->
    <script type="text/javascript" src="js/login.js"></script>

    <style type="text/css">
        body {
            background: url(images/background-pic.jpg) no-repeat center fixed;
            background-size: cover;

        }
    </style>
</head>

<body>
<div class="container">
    <div class="row">
        <div class="col-md-4 col-md-offset-4">
            <div class="login-panel panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title"><h4 align="center">欢迎登录库房管理系统</h4></h3>
                </div>
                <div class="panel-body">
                    <form role="form" id="login-form" data-bv-message="This value is not valid"
                          data-bv-feedbackicons-valid="glyphicon glyphicon-ok"
                          data-bv-feedbackicons-invalid="glyphicon glyphicon-remove"
                          data-bv-feedbackicons-validating="glyphicon glyphicon-refresh">
                        <fieldset>
                            <div class="form-group">
                                <input class="form-control" placeholder="请输入用户名" id="userName" name="userName"
                                       type="text" autofocus required data-bv-notempty-message="请您输入用户名!">
                            </div>
                            <div class="form-group">
                                <input class="form-control" placeholder="请输入登录密码" id="password" name="password"
                                       type="password" required data-bv-notempty-message="请您输入登录密码!">
                            </div>

                            <button type="button" id="form-subject" class="btn btn-primary btn-lg btn-block">登录</button>
                            <span id="error-info"><h5>登录失败，请确认是否输入正确的用户名和密码</h5></span>
                        </fieldset>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
